const { defineConfig } = require('@vue/cli-service')
const path = require('path')

const themePath = path.join(__dirname, './src/theme.less')
module.exports = defineConfig({
  transpileDependencies: true,
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        lessOptions: {
          modifyVars: {
            // 1.直接覆盖变量
            // 'nav-bar-background-color': '#007bff',
            // 'nav-bar-title-text-color': '#fff',
            // 2.或者可以通过 less 文件覆盖（文件路径为绝对路径）
            // hack: `true; @import "your-less-file-path.less";`,
            hack: `true; @import "${themePath}";`,
          },
        },
      },
    },
  },
  devServer: {
    // 自动打开浏览器
    open: true,
    port: 1270,
    host: 'localhost'
  },
  // 关闭eslint 代码检查
  lintOnSave: false,
  publicPath: ''
})
